* {
    margin: 0;
    padding: 0;
}
html,body{
    font-family: "Microsoft Yahei";
    width:100%;
    color: #666;
    height: 100%;
}
ul,li{
    list-style:none;
}
a{
    text-decoration: none;
    list-style:none;
    color: #666666;
}
i,em{
    font-style: normal;
}
h1,h2,h3,h4,h5{
    font-weight: normal;
}
img{
    width: 100%;
}
input{-webkit-appearance:none;outline:none}
::-webkit-input-placeholder { /* WebKit browsers */
    font-family: "Microsoft Yahei";
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: "Microsoft Yahei";
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: "Microsoft Yahei";
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family: "Microsoft Yahei";
}


.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix{
    clear: both;
    content: "";
}
.clearfix:after{
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}
.ta-c{
    text-align: center;
}
.ta-r{
    text-align: right;
}
.dis-b{
    display: block;
}
.dis-ib{
    display: inline-block;
}
.dis-tabel{
    display: table;
}
.dis-row{
    display: table-row;
}
.dis-cell{
    display: table-cell;
}
.box-s{
    box-sizing: border-box;
}

.w100{
    width:100%;
}
.w72{
    width: 72%;
}
.w60{
    width:60%;
}
.w50{
    width:50%;
}
.w33{
    width: 33.3%;
}
.w25{
    width:25%;
}
.w20{
    width:20%;
}
.h100{
    height: 100%;
}
.h2em{
    height: 2em;
}
.h3em{
    height: 3em;
}
.h4em{
    height: 4em;
}
.hide{
    overflow: hidden !important;
}
.op0{
    opacity: 0;
}
.color-main{
    color: #FFBE2B !important;
}
.color-white{
    color: #FFFFFF;
}
.color-red{
    color: #fd5d73;
}
.color-red2{
    color: #FD0E0E;
}
.color-green{
    color: #19c80a;
}
.color-blue{
    color: #32C6FF !important;
}
.color-grey{
    color: #ADADAD;
}
.bg-main{
    background: #F4F4F4;
}
.bg-white{
    background: #ffffff;
}
.bg-black{
    background: #1C1C1C;
}
.btn-active{
    background: #FFBE2B !important;
    color:#ffffff !important;
    border-color:#FFBE2B !important;
}
.border-l1{
    box-sizing: border-box;
    border-right: 1px solid #d7d7d7;
}
.border-b1{
    border-bottom: 1px solid #F4F4F4 !important;
}
.bor-n{
    border: none;
}
.p10{
    padding: 1rem 0;
}
.fs-14{
    font-size: 0.875rem;
}
.fs-10{
    font-size: 0.75rem;
}
.mar-b1{
    margin-bottom: 0.25rem;
}
.mar0{
    margin-bottom: 0 !important;
}
.mar-b2{
    margin-bottom: 4.125rem;
}
.left0{
    left: 0 !important;
}
.va-m{
    vertical-align: middle;
}
.br4{
    height: 3.625rem;
}
/*首页-index*/
.slider-con{
    position: relative;
    min-height: 3rem;
}
.slider-con .top{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    padding: 0.375rem 0;
    z-index: 999;
}
.top .search{
    width: 80%;
    vertical-align: middle;
}
.search-icon{
    background: url("../img/icons/search.png") 0.6rem center no-repeat;
    background-size: 1.25rem;
}
.top .search input{
    font-size: 0.8755rem;
    height: 1.875rem;
    width: 95%;
    display: block;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.56);
    border: none;
    border-radius:0.25rem;
    box-sizing: border-box;
    padding:0 5%;
    color: #ffffff;
    text-align: center;
}

.top .search ::-webkit-input-placeholder { /* WebKit browsers */
    opacity: 0.6;
    color: #FFFFFF;
}
.top .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
    opacity: 0.6;
}
.top .search ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff;
    opacity: 0.6;
}
.top .search :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffffff;
    opacity: 0.6;
}

.top .store-icon{
    width: 10%;
    vertical-align: middle;
    text-align: center;
    padding: 1.5%;
}
.top .store-icon1{
    width: 10%;
    vertical-align: middle;
    text-align: center;
    padding: 2%;
}
.top .store-icon .btn-active{
    font-size: 0.75rem;
    padding: 0.3rem 0;
   margin-right: 0.2rem;
    width: 4rem;
    border-radius: 6px;
}
.slider{
    position: relative;
}

.banner{
    padding: 0.8125rem 0;
    background: #FFFFFF;
}
.banner .banner-icon{
    padding: 3.5% 0;
}
.banner .banner-img{
    width: 32%;
    margin: 0 auto;
}
.banner p{
    text-align: center;
    font-size: 0.75rem;
    color: #000000;
}
.slider2{
    background: #FFFFFF;
    margin-bottom: 0.625rem;
    padding: 0 2.5% 3%;
    width: 95%;
    overflow: hidden;

}
.slider2 .swiper-wrapper img{
    display: block;
}
.slider2 .swiper-wrapper .pic-word{
    position: absolute;
    width: 65%;
    top: 8%;
    left: 5%;
}
.part1{
    background: #ffffff;
    margin-bottom: 0.625rem;
}
.part1 .w50{
    border-bottom: #F2F2F2 solid 1px;
    /*min-height: 91px;*/
}


.part2{
    background: #ffffff;
    margin-bottom: 0.625rem;
}
.part2 h3,.part3 h3{
    line-height: 1rem;
    font-size: 1rem;
    padding: 0.9rem;
    color: #CBCBCB;
    border-bottom: 1px solid #F2F2F2;

}
.part2 h3 em,.part3 h3 em{
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    color: #000000;
}
.part2 ul{
    margin-top: 0.8rem;
}
.part2 ul li{
    margin-bottom: 0.8rem;
}
.part2 ul li div{
    margin:0 auto;
    width: 80%;
}
.part2 ul li p{
    text-align: center;
    font-size: 0.875rem;
}

.part3{
    margin-bottom: 0.625rem;
}
.part3 h3{
    background: #ffffff;
    text-align: center;
    color: #FFBE2B;
}
.part3 h3 a{
    position: absolute;
    right: 2%;
    font-size: 0.8125rem;
}
.part3 ul li {
    margin:0.5%;
    width: 49%;
    background: #ffffff;
    line-height: 1.6rem;
}
.part3 ul li h4{
    font-size: 0.875rem;
    color: #000000;
    padding: 0 0.35rem;
    height: 1.6rem;
    overflow: hidden;
}
.part3 ul li h5{
    font-size: 1rem;
    color:#F64646;
    padding: 0.2rem 0.35rem 0.4rem;
    border-bottom: 1px solid #f7f7f7;
    height: 1.5rem;
    overflow: hidden;
}
.part3 ul li h5 em{
    font-size:0.75rem;
}
.part3 ul li h5 i{
    font-size:0.75rem;
    color: #c2c2c2;
    text-decoration: line-through;
}
.part3 ul li p{
    font-size: 0.75rem;
    padding: 0.3rem 0.35rem;
    color: #6f6f6f;
}
.part3 ul li p .i-star{
    background: url("../img/icons/star.png")left center no-repeat;
    background-size: 0.9rem;
    padding-left: 1rem;
}
.footer{
    background: #FFFFFF;
    padding: 0.75rem 0 0.6rem;
    color:#1C1C1C;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.2rem;
}
.footer li p{
    font-size: 0.625rem;
    text-align: center;
}
.footer li div{
    width: 1.2rem;
    margin: 0 auto;
    height: 1.25rem;
}

.copyright{
    color: #ADADAD;
    font-size: 0.6125rem;
    line-height: 1.2rem;
}

/*今日推荐*/
.today .top{
    width: 100%;
    padding: 0.375rem 0;
}
.today .top .search input{
    background: #FFFFFF;
    text-align: left;
}
.today .top .search ::-webkit-input-placeholder { /* WebKit browsers */
    opacity: 0.6;
    color: #333;
}
.today .top .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
    opacity: 0.6;
}
.today .top .search ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
    opacity: 0.6;
}
.today .top .search :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #333;
    opacity: 0.6;
}
.today .top .store-icon{
    width: 5%;
}
.part3 .condition{
    padding: 0.625rem 0;
    background: #ffffff;
}
.part3 .condition  span{
    color: #737578;
    font-size: 0.875rem;
}
.default{
    padding-right: 0.6rem;
    background: url("../img/icons/default.png")100% center no-repeat;
    background-size:0.5rem ;
}
.up{
    padding-right: 0.6rem;
    background: url("../img/icons/up.png")100% center no-repeat;
    background-size:0.5rem ;
}
.down{
    padding-right: 0.6rem;
    background: url("../img/icons/down.png")100% center no-repeat;
    background-size:0.5rem ;
}
.select{
    padding-right: 1rem;
    background: url("../img/icons/select.png")100% center no-repeat;
    background-size:0.8rem ;
}

.choose-list{
    position: fixed;
    top: 5rem;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #D7D7D7;
    height: calc(100% - 5rem);
    overflow: auto;
}
.choose-list ul{
    padding: 0 0.625rem;
}
.choose-list ul li{
    padding: 1rem 0;
}
.choose-list ul .choose{
    border-bottom: 1px solid #D7D7D7 ;

}
.choose-list ul .choose p{
    font-size: 0.875rem;
    padding: 0rem 0.5rem 0.6rem;
    color: #1C1C1C;
}
.choose-list ul .choose div{
    font-size: 0.75rem;
    padding: 0 0.5rem;
}
.choose-list ul .choose-price{
    padding: 1rem 0;
}
.choose-price p{
    padding-left: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.875rem;
    color: #1C1C1C;
}
.choose-price .choose-input{
    width: calc(100% - 5rem);
    box-sizing: border-box;
    padding-right: 0.35rem;
}
.choose-price .choose-input input{
    line-height: 1.875rem;
    border-radius: 3px;
    border: 1px solid #cccccc;
    text-align: center;
    width: calc(50% - 0.9rem);
}
.choose-price .choose-input em{
    text-decoration: line-through;
}
.choose-list i{
    line-height: 1.875rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 31.4%;
    box-sizing: border-box;
    margin: 0.2rem 0.8%;
    text-align: center;
}
.choose-btn-con{
    border-top: 1px solid #d7d7d7;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;

}
.choose-btn-con i{
    width: 30%;
    border: 1px solid #1C1C1C;
    color: #1C1C1C;
}

/*更多主题馆*/
.theme{

}
.theme li {
    position: relative;
    /*height: 10rem;*/
    /*margin-bottom: 0.2rem;*/
}
.theme li div{
    height: 100%;
    overflow: hidden;
}
.theme li p{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    line-height: 10rem;
    text-align: center;
    background: rgba(0,0,0,0.4);
}

/*商品详情*/
.goods-img{
    background: #ffffff;
    position: relative;
}
.goods-img img{
    display: block;
}
.goods-tit{
    background: #ffffff;
    padding: 2.4% 5% 4%;
    margin-bottom: 1%;
}
.goods-tit .dis-cell{
    vertical-align: middle;
}
.goods-tit .g-tit-icon {
    color: #1C1C1C;
    padding-bottom: 1.5%;
}
.goods-tit .g-tit-icon div{
    width: 10%;
}
.goods-tit h4 {
    /*font-size: 0.875rem;*/
    color: #1C1C1C;
    line-height: 1.6rem;
    width: 90%;
    font-size: 1.05rem;
}
.goods-tit h5 {
    font-size: 1rem;
    color: #F05353;
    line-height: 1.8rem;
    padding-bottom: 0.5%;
}
.goods-tit p{
    font-size: 0.75rem;
}
.goods-tit p em{
    text-decoration: line-through;
}
.heart{
    background: url("../img/icons/collect.png")center center no-repeat;
    background-size: 1rem;
    height: 1.6rem;
    display: block;
}
.hearta{
    background: url(../img/icons/collecta.png)center center no-repeat;
    background-size: 1rem;
    height: 1.6rem;
    display: block;
}

.goods-detail .navigation{
    padding: 2.5% 0;
    /*margin-bottom: 2.5%;*/
}
.goods-detail .navigation li{
    padding: 0;
    color: #1c1c1c;
}

.goods-detail .btn-active{
    text-align: center;
    padding: 4% 0;
}
.goods-detail .btn-active span{
    font-size: 0.75rem;
    padding-right: 0.8rem;
}
.goods-detail .btn-active span i{
    font-size: 1.5rem;
}

.goods-tit2{
    border-top:1px solid #d7d7d7;
    background: #ffffff;
    padding: 0.5rem 0;
    margin-bottom: 0.625rem;
}
.goods-tit2 .w33{
    width: 33.3%;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    line-height: 0.5rem;
}
.goods-tit2 p{
    text-align: left;
    font-size: 0.9rem;
}
.goods-tit2 i{
    font-size: 0.75rem;
    color: #d2d2d2;
    display: block;
    text-align: right;
}
.goods-choose{
    display: table;
    width: 100%;
    background: #ffffff;
    padding:0.875rem 0;
    margin-bottom: 0.625rem;
    font-size: 0.875rem;
}
.goods-choose-tit{
    width: 3rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ADADAD;
}
.goods-choose .dis-cell{
    vertical-align: middle;
}
.right-arrow{
    width: 1rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.part-buy{
    display: table;
    width: 100%;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
}
.part-buy .dis-cell{
    text-align: center;
    vertical-align: middle;
    font-size: 0.8125rem;
    padding: 2.5% 0;
    line-height: 0.8rem;
}
.part-buy .dis-cell:nth-child(1){
    width: 18%;
}
.part-buy .dis-cell:nth-child(2){
    width: 18%;
}
.part-buy .dis-cell:nth-child(4){
    width: 34%;
}
.part-buy .dis-cell em{
    font-size: 0.65rem;
}
.cart-icon{
    background: url("../img/icons/foot4.png")center center no-repeat;
    background-size: 1.2rem;
    height: 1.3rem;
    width: 1.3rem;
    display: inline-block;
}
.home-icon{
    background: url("../img/icons/foot1.png")center center no-repeat;
    background-size: 1.2rem;
    height: 1.3rem;
    width: 1.3rem;
    display: inline-block;
}

.bg-red1{
    background: #F64646;
    color: #ffffff;
}
.bg-red2{
    background: #F05353;
    color: #ffffff;
}
.part-buy .dis-cell .iconfont{
    font-size: 1.2rem;
    padding-right: 0.2rem;
    -webkit-text-stroke-width: 0px;
}

.full-bg{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.4);
    z-index: 999;
}
.params-list{
    position: absolute;
    bottom:0;
    left: 0;
    background:#ffffff;
    width: 100%;
}
.params-list .iconfont{
    font-size: 1rem;
}

.params-list .param-num{
    display: table;
    width: 100%;
    border-bottom: none;
}
.params-list p{
    font-size: 0.75rem;
    color: #1c1c1c;
}
.params-list .param-num p{
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    width: 4rem;
}
.params-list .param-num .num{
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}
.params-list .param-num div i{
    float: left;
    padding: 0;
    width: 2rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 0;
    border: 1px solid #e0e0e0;
    margin: 0;
    text-align: center;
    font-size: 0.8125rem;
}
.params-list .quantity{
    text-align: center;
    border: none;
    background: transparent;
    width: 100%;
    display: block;
    height: 100%;
}
.params-list .param-num div em{
    float: left;
    width:2.5rem;
    height: 1.5rem;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    font-size: 0.8125rem;
}
.buy-btn span{
    padding:1rem 0;
    text-align: center;
    font-size: 0.875rem;
    border-top: 1px solid #f0f0f0;
    color: #ffb000;
    margin-top: 4%;
}
.param-tit{
    display: table-row;
}
.param-tit .dis-cell{
    vertical-align: middle;
    line-height: 150%;
}
.param-img{
    width: 6rem;
    padding: 0 3% 0 2%;
}
.param-img img{
    border: 1px solid #ffffff;
}
.param-tit h4{
    font-size:0.95rem;
    color: #1c1c1c;
    padding-bottom: 0.3rem;
    font-weight: bold;
}
.params-list .param-tit h5{
    font-size: 0.75rem;
    color: #1c1c1c;

}

.params-list .param-tit h5 em{
    padding-left: 2rem;
}
.close-icon{
    padding-top: 0.5rem;
    padding-right: 0.5rem;
}


/*团购专区-活动专区-详情*/
.groupbuy-statu1{
    background: url("../img/icons/buy1.png")0 center no-repeat;
    background-size: 5.6rem;
    height: 2rem;
    background-color: #fff;
}
.groupbuy-statu2{
    background: url("../img/icons/buy2.png")0 center no-repeat;
    background-size: 5.6rem;
    height: 2rem;
    background-color: #fff;
}
.groupbuy-statu3{
    background: url("../img/icons/buy3.png")0 center no-repeat;
    background-size: 5.6rem;
    height: 2rem;
    background-color: #fff;
}
.group-line-con{
    background: #ffffff;
    padding:1rem 0rem;
}
.group-line{
    background: #dadada;
    height: 0.5rem;
    border-radius: 1rem;
    position: relative;

}
.group-line .line{
    display: inline-block;
    width: 20%;
    height: 100%;
    background: #FF6C00;
    border-radius: 1rem;
}
.group-line p{
    text-align: left;
    font-size: 0.75rem;
    color: #adadad;
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: 0;
    padding-top: 1.5%;
}

.group-endtime{
    background: #fff;
    font-size: 0.8125rem;
    padding: 0 0.8rem 0.8rem;
    color: #adadad;
}

.cart{
    background: url("../img/icons/cart2.png")center center no-repeat;
    background-size: 4.5rem;
    height: 4.5rem;
    width: 4.5rem;
    position: fixed;
    bottom: 4rem;
    right: 1rem;
    border-radius: 4.5rem;
}
.cart i{
    background: #ffffff;
    font-size: 0.65rem;
    line-height: 1.2rem;
    width: 1.2rem;
    border-radius: 1.2rem;
    position: absolute;
    right: 0.8rem;
    top: 0.8rem;
    color: #FFBE2B;
    text-align: center;
}

/*活动专区-团购专区*/
.group .top {
    width: 100%;
    padding: 0.375rem 0;
    background: #1C1C1C;
}
.group .group-goods{
}
.group .group-goods li{
    margin: 0.4rem 0;
    background: #ffffff;
    padding: 0.2rem 0.5rem;


}
.group .group-goods .dis-cell{
    vertical-align: middle;
}
.group-goods-img{
    width: 30%;
    position: relative;
}
.group-goods-img p{
    position: absolute;
    bottom: 2.5%;
    color: #fff;
    width: 100%;
    background: rgba(0,0,0,0.6);
    font-size: 0.8125rem;
    text-align: center;
    line-height: 1.8rem;
}
.group .group-goods h4{
    font-size: 0.9rem;
    padding-left: 0.5rem;
}
.group .group-goods h5{
    font-size: 1rem;
    color: #FFBE2B;
    padding: 0.3rem 0 0 0.5rem;
}
.group .group-goods h5 i{
    font-size: 0.875rem;
    color: #ADADAD;
    text-decoration: line-through;
}
.group .group-goods .group-line-con{
    padding:0.3rem 0.5rem;
}
.group .group-goods .group-line-con p{
    font-size: 0.8125rem;
    padding-left: 0.8rem;
    color: #ADADAD;
}
.group .group-goods .group-endtime{
    padding: 0;
    padding-left: 0.5rem;
}

/*店铺信息*/
.shop-info .color-grey{
    color: #ADADAD;
}
.info-part1{
     background: #fff;
     margin-bottom: 0.625rem;
    padding: 5% 0;
    border-bottom: #f7f7f7 1px solid;
 }
.shop-info .info-part1{
    background: #fff;
    margin-bottom: 0.625rem;
    padding: 6% 0 0;
}
.info-part1 .img-con{
    width: 24%;
    margin: 0 auto;
}
.info-part1 .img-con div{
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 100%;
    border-radius: 100%;
    border: 1px solid #F2F2F2;
}
.info-part1 h2{
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
    color: #1c1c1c;
}
.info-part1 p{
    font-size: 0.8125rem;
    padding: 0.4rem 0;
    line-height: 1.6rem;
    color: #1c1c1c;
    border-top: 1px solid #f2f2f2;
    margin: 0 0.8rem;
}
.info-part1 a{
    font-size: 0.8125rem;
    padding: 0.4rem 0;
    line-height: 1.6rem;
    color: #1c1c1c;
    border-top: 1px solid #f2f2f2;
    margin: 0 0.8rem;
}
.phone {
    background: url("../img/icons/phone.png")center right no-repeat;
    background-size: 1.5rem;
}
.info-part2{
    background: #fff;
    margin-bottom: 0.625rem;
    font-size: 0.8125rem;
}
.info-part2 div{
    padding: 0.8rem ;
    color: #1c1c1c;
    line-height: 1.4rem;

}
.info-part2 i{
    width: 4.1rem;
}
.info-part2 p{
    width: calc(100% - 4.1rem);
    overflow: hidden;
}
.info-part2 ul{
    padding: 0.3rem;
}
.info-part2 ul li{
    width: 33.3%;
    box-sizing: border-box;
    padding: 0.2rem;
}
.info-part2 ul li  .img-con{
    padding: 0;
    line-height: normal;
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 100%;
}

/*个人中心*/
.person .info-part1 {
    margin: 0;
    background-color:#FFFFFF;
}
.person .info-part1 h2{
    color: #666;
    margin: 0;
    font-weight: lighter;
}
.person .info-part1 .info-img {
    width: 5rem;
    height: 5rem;
    margin: 0.5rem auto;
    border-radius: 5rem;
    overflow: hidden;
}
.person .info-part1 .info-head{
    position: relative;
    width: 5.3rem;
    margin:0 auto;
}
.person .info-part1 .info-head .img-edit{
    position: absolute;
    width: 2.4rem;
    top: -0.8rem;
    right: -0.6rem;
}
.person .lists li{
    padding: 3.5% 4%;
    box-sizing: border-box;
    margin-bottom: 1px;
    font-size: 0.95rem;
}
.person .lists li:nth-child(3){
    margin: 1.25% 0;
}
.person .lists li .dis-cell img{
    display: block;
    margin: 0 auto;
    width: 28%;
}
.person .lists li .dis-cell p{
    text-align: center;
    font-size: 0.75rem;
    padding-top: 5%;
}
.lists{
    margin-bottom: 4.2rem;
}
.lists .dis-cell{
    vertical-align: middle;
    color: #1C1C1C;
}

.lists .right-arrow i{
    font-size: 1rem;
}

.lists em{
    font-size: 0.75rem;
    background-color: #FFBE2B;
    color: #fff;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}
.person .footer{
    background: #FFBE2B;
    color: #FFFFFF;
    text-align: center;
    line-height: 0;
    padding: 6% 0;
    letter-spacing: 1px;
    font-size: 0.95rem;
    height: auto;
}
.person .after-sign{
    background: #FFFFFF;
    color: #666;
    font-size: 0.8125rem;
}
/*我的资料*/
.person-info .lists{
    padding: 0 1rem;
    background: #ffffff;
    font-size: 0.8125rem;
}
.person-info .lists li{
    padding: 1rem 0.4rem;
    box-sizing: border-box;
}
.person-info .lists li .info-name{
    color: #ADADAD;
}
.person-info .lists li .right-arrow{
    text-align: right;
}

.person-info .lists .info-head{
    width: 2.625rem;
    float: right;
    height: 2.625rem;
    border-radius: 5rem;
    overflow: hidden;
}

/*设置*/
.person-setting .lists{
    background: #ffffff;
    padding:0 0.8125rem;
}
.person-setting .lists p{
    font-size: 0.8125rem;
    color: #ADADAD;
}
.person-setting .lists p i{
    color: #1C1C1C;
}
.person-setting .lists .lists-icon{
    width: 1.125rem;
}

/*个性签名,意见反馈*/
.motto .sign{
    width: 92%;
    margin: 0.75rem auto;
    border: none;
    display: block;
    border-radius: 3px;
    box-sizing: border-box;
    background: #FFFFFF;
}
.motto input{
    width: 92%;
    margin: 0.75rem auto;
    border: none;
    display: block;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0.8125rem 1.2rem;
}
.motto .sign textarea{
    border: none;
    width: 100%;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0.8125rem 1.2rem;
    outline: none;
}
.big-btn{
    width: 86%;
    margin:6% auto 0;
    text-align: center;
    font-size: 0.8125rem;
    border-radius: 3px;
    padding: 0.75rem 0;
}

/*我的收藏（空），收货地址管理（空）,购物车（空）*/
.empty-icon{
    width: 25%;
    margin: 20% auto 5%;
}
.add-new{
    font-size: 0.8125rem;
    position: fixed;
    bottom: 2%;
    left: 50%;
    width: 28%;
    margin-left: -14%;
    padding: 0.75rem 0;
    border-radius: 6px;
}
.empty .top{
    background: #1C1C1C;
    width: 100%;
    padding: 0.375rem 0;
}

/*管理收货地址*/
.address-edit .lists{
    background: #ffffff;
    padding: 0 0.8125rem;
    margin-bottom: 2%;
}
.address-edit .lists li{
    font-size: 0.8125rem;
    padding: 1rem 0.4rem;
    box-sizing: border-box;
}
.address-edit .lists li .info-name{
    width: 5rem;
}
.address-edit .lists input{
    width: 100%;
    border: none;
}
.right{
    background: url("../img/icons/right.png")center center no-repeat;
    background-size: 1.5rem;
}
/*收货地址列表*/
.addr-detail{
    padding:4% 4%;
    line-height: 1.5rem;
    color: #1C1C1C;
}
.addr-detail h4{
    font-size: 0.8125rem;
}
.addr-detail h4 em{
}
.addr-detail p{
    font-size: 0.8125rem;
}
.addr-edit{
    box-sizing: border-box;
    padding: 2% 4% 2% 6%;
    font-size: 0.75rem;

}
.addr-edit .ta-c{
    width: 14%;
}
.addr-edit .ta-c i{
    padding: 10% 18%;
    border-radius: 6px;
    background: #a0a0a0;
    color: #fff;
}

/*我的推荐*/
.re-part1{
    height: 75%;
    background: #292929;
    box-sizing: border-box;
    padding-top: 26%;
    text-align: center;
}
.re-part1 .code-img{
    width: 50%;
    margin: 0 auto;
}
.re-part1 h5{
    font-size: 0.8125rem;
    color: #fff;
    padding: 0.9375rem 0;
}
.re-part1 p{
    font-size: 0.75rem;
    line-height: 1.2rem;
    color: #797979;
}
.re-part2{
    height: 25%;
    background: #ffffff;
    width: 100%;
    text-align: center;
    font-size: 0.8125rem;
}
.re-part2 .dis-cell{
    vertical-align: middle;

}
.re-part2 .dis-cell p{
    padding-top: 0.75rem;
}
.re-icon1{
    background: url("../img/icons/rcmd1.png") center center no-repeat;
    background-size: 1.6rem;
    height: 1.6rem;
}
.re-icon2{
    background: url("../img/icons/rcmd2.png") center center no-repeat;
    background-size: 1.6rem;
    height: 1.6rem;
}

/*我的团队*/
.myteam .lists .info-head{
    float: left;
}
.myteam .part3{
    text-align: right;
}
.myteam .part3 h2{
    font-size: 1.125rem;
    color: #FFBE2B;
}
.myteam .part3 p{
    font-size: 0.65rem;
    color: #ADADAD;
}
.myteam .part2 h4{
    font-size: 0.875rem;
}
.myteam .part2 p{
    font-size: 0.8125rem;
}
.man{
    color:#00D4CC;
}
.woman{
    color:#FF6DB1;
}

.myteam .amount{
    background: #1C1C1C;
    padding: 10% 0;
}
.myteam .amount h1{
    text-align: center;
    color: #FFBE2B;
    font-size: 1.75rem;
}
.myteam .amount p{
    text-align: center;
    color: #ffffff;
    font-size: 0.8125rem;
}

/*我的购物车*/
.mycart{

}
.mycart img{
    display: block;
}
.mycart li{
    padding: 0.4rem 0;
    margin-bottom: 0.6125rem;
    background: #ffffff;

}
.mycart .emptyIcon{
    background: transparent;
}
.mycart .dis-tabel{
    width: 97%;
    padding: 2.5% 1.6%;
}

.mycart .dis-tabel .part1{
    width: 10%;
    vertical-align: middle;
    text-align: center;
}
.mycart .dis-tabel .part2{
    width: 25%;
    vertical-align: middle;
    box-sizing: border-box;
    padding-right: 1%
}
.mycart .dis-tabel .part3{
    position: relative;
    vertical-align: middle;
    margin: 0;
}
.mycart .dis-tabel .part3 .part3-11{
    width: calc(95% - 1rem);
    margin-left: 3%;
}
.mycart .dis-tabel .part3 .part3-11 h4{
    font-size: 0.95rem;
    color: #1c1c1c;
    letter-spacing: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mycart .dis-tabel .part3 .part3-11 p{
    line-height: 280%;
}
.mycart .dis-tabel .part3 .part3-11 .part3-01{
    font-size: 0.8125rem;
}
.mycart .dis-tabel .part3 .part3-02{
    position: absolute;
    right: 2%;
    top: 0;
    font-size: 1rem;

    color: #cacaca;
}


.mycart .part3 i{
    font-size: 0.75rem;
}

.mycart .dis-tabel .part3 p{
    text-decoration: line-through;
    font-size: 0.75rem;
    color: #9e9e9e;
}


.cart-con .mycart .cart-edit .param-num i {
    float: left;
    padding: 0;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 0;
    background: #DDDDDD;
    border: none;
    margin: 0;
    text-align: center;
    font-size: 1rem;
}
.cart-con .mycart .cart-edit .param-num em {
    float: left;
    width: calc(92% - 4rem);
    background: #DDDDDD;
    margin: 0 2%;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
}


.cart-con .footer{
    background: #ffffff;
    padding: 0;
    color: #1C1C1C;
}
.cart-con .footer .part1{
    margin-bottom: 0;
    font-size: 0.875rem;
}
.cart-con .footer .part1 .dis-cell{
    vertical-align: middle;
    padding: 0.5rem 0;
}

.cart-con .footer .part1 .btn-active{
    width: 70%;
    margin: 0 auto;
    padding: 8% 0;
    border-radius: 6px;
}

.cart-con .footer ul{
    /*padding: 0.4rem 0;*/
    padding: 0.75rem 0 0.6rem;
    border-top: 1px solid #f4f4f4;
}
.footer-cart{
    position: relative;
}
.footer-cart i{
    position: absolute;
    top: 0;
    left: 70%;
    text-align: center;
    color: #fff;
    background: #FFBE2B;
    font-size: 0.5rem;
    width: 1rem;
    border-radius: 2rem;
    float: right;
    vertical-align: top;
    height: 1rem;
    line-height: 1rem;
}



/*分类*/
.sorts {
    text-align: center;
}
.sorts .top{
    background: #1C1C1C;
    padding: 0.6125rem 0;
    width: 100%;
}
.sorts h2 {
    font-size: 0.9375rem;
    padding: 1rem 0;
    color: #1c1c1c;
}
.sorts h2 span {
    display: inline-block;
    height: 1px;
    width: 15%;
    background: #adadad;
    margin: 0.25rem 1rem;
}
.sorts .sort-left{
    width: 20%;
    font-size: 0.875rem;
    vertical-align: top;
}
.sort-left ul li{
    border-bottom: 1px solid #d7d7d7;
    padding: 1.3125rem 0;
    color: #1C1C1C;
}
.sort-right{
    background: #fff;
}
.sort-right .sort1 li .brand-con{
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding-bottom: 100%;
    border-radius: 3px;
}
.sort-right .sort1 li .brand-con img{
    opacity: 0.8;
}
.sort-right .sort2 ul,.sort-right .sort1 ul{
    padding: 0 2%;
    /*margin-bottom: 0.6125rem;*/
}
.sort-right .sort2 ul li{
    margin: 0.3rem 0;
}
.sort-right .sort2 ul li span{
    display: block;
    font-size: 0.8125rem;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    width: 90%;
    padding: 0.4rem 4%;
    margin: 0 auto;
    border-radius: 3px;
}
.sort2 .choose-price{
    padding: 0 4%;
    margin-bottom: 0.6125rem;
}
.sort2 .choose-price .choose-input{
    width: calc(100% - 4rem);
}
.sort2 .choose-price p{
    width: 4rem;
    border-radius: 3px;
    padding: 0;
}

/*我的订单*/
.order-con .navigation li{
    font-size:0.75rem;
    color: #1c1c1c;
}
.order-con .navigation li i{
    padding: 15.5% 0 12.5%;
}
.order-con .smallnav li i{
    padding: 6.5% 0 6%;
}
.order-con .navigation li span{
    width: 38%;
}
.order-con .smallnav li span{
    width: 20%;
}
.order-con .mycart li{
    padding: 0;
}
.order-con ul li .part4{
    position: static;
    padding: 0 3%;
}
.order-con .mycart .dis-tabel{
    width: 100%;
    padding: 0.5rem 3%;
    box-sizing: border-box;
}
.order-con ul li .part4 p{
    font-size: 0.8125rem;
    text-align: right;
    padding: 0.75rem 0;
}
.order-con ul li .part4 div{
    font-size: 0.8125rem;
    padding: 2.2% 0;
    line-height: 1.5rem;
}
.order-con ul li .part4 div span{
    padding: 0 0.5rem;
    border-radius: 3px;
    margin: 0 0.2rem;
    color: #666;
    font-size: 0.75rem;
}


.td-no{
    padding: 3% 0 !important;
}
.td-no p{
    text-decoration: none !important;
}
.order-con .mycart .dis-tabel .part3{
    vertical-align: top;
    vertical-align: top;
    font-size: 0.95rem;
    color: #1c1c1c;
    padding-left: 2%;
}
.order-con .mycart .dis-tabel .part3 .part3-2{
    padding-top: 8%;
}

.one-integal .mycart .dis-tabel .part3 .part3-2{
    padding-top: 3%;
}
.one-integal .mycart .dis-tabel .part2{
    width: 20%;
    padding: 1.5%;
}
.one-integal .mycart .dis-tabel .part3 p{
    text-decoration: none;
}
.one-integal .part5{
    padding: 0 3% 3%;
    color: #9e9e9e;
    border-bottom: 1px solid #f0f0f0;
}
.one-integal .part5 h4{
    width: 20%;
    text-align: center;
    font-size: 0.95rem;
}
.one-integal .part5 p{
    padding-left: 1.5%;
    font-size: 0.75rem;
    line-height: 185%;
}
.one-integal .mycart .dis-tabel{
    border: none !important;
    padding: 0.5rem 3% 1%;
}
.one-integal .mycart .part4 a{
    font-size: 0.75rem;
    padding-left: 3.5%;
}
.one-integal .mycart .part4 a i{
    font-size: 0.75rem;
}



/*订单详情*/

.order-detail{
    color: #1C1C1C;
}
 .part4{
    position: fixed;
    width: 100%;
    bottom: 0;
     left: 0;
    line-height: 1.8rem;
    padding: 0.75rem 0.8125rem;
    box-sizing: border-box;
    background: #fff;
    font-size: 0.875rem;
}
 .part4 span{
    padding: 0 0.5rem;
    border-radius: 3px;
    margin: 0 0.2rem;
}

.order-icon1{
    background: url("../img/icons/order1.png") center center no-repeat;
    background-size: 1.8rem;
    width: 14%;
}
.order-icon2{
    background: url("../img/icons/order2.png") center center no-repeat;
    background-size: 1.8rem;
    width: 14%;
}
.order-icon3{
    background: url("../img/icons/order3.png") center center no-repeat;
    background-size: 1.8rem;
    width: 14%;
}

.order-detail h2{
    font-size: 1rem;
    padding: 0.8125rem 1.25rem;
}

.order-msg2 li{
    box-sizing: border-box;
    padding: 2% 4%;
    width: 100%;
    background: #FFFFFF;
    margin-bottom: 1px;
}
.order-msg2 .item{
    color: #666;
}
.order-msg2 li .img{
    width: 20.5%;
    padding: 2%;
}
.order-msg2 li .txt{
    line-height: 130%;
    padding-left: 2.5%;
}
.order-msg2 li .txt p{
    font-size: 0.8125rem;
    color: #999;
}
.order-msg2 li .txt p i{
    font-size: 0.95rem;
    letter-spacing: 0.0625rem;
}
.order-msg2 li .txt h5{
    font-size: 0.75rem;
    color: #5b5b5b;
}
.order-msg2 li .choice{
    text-align: center;
}
.order-msg3{
    /*margin-bottom: 0.6125rem;*/
    background: #FFFFFF;
}
.order-msg3 .mycart{
    background: #ffffff;
}
.order-msg3 .mycart li{
    /*margin: 0 .875rem;*/
    /*border-bottom: 1px solid #dadada;*/
    margin-bottom: 1%;
}
.order-msg3 .mycart .dis-tabel .part1{
    width: 8%;
    vertical-align: middle;
    text-align: left;
}
.order-sub .mycart .dis-tabel .part3 .part3-2{
    padding: 2% 0;
}
.order-sub .mycart .dis-tabel .part3 p {
    text-decoration: none;
    font-size: 0.75rem;
    color: #666;
}
.order-sub .mycart .dis-tabel .part3 .part3-3{
    font-size: 0.75rem;
    color: #666;
}
.order-sub .part4 span{
    background: #eaeaea;
}
.order-sub .footer{
    line-height: 2.2rem;
    text-align: center;
    font-size: 0.95rem;
    color: #999;
}
.msg3{
    padding: 0.9375rem 1.75rem 0.9375rem 1.25rem;
    font-size: 0.875rem;
    background: #ffffff;
}
.return-btn{
    border-top: 1px solid #d7d7d7;
    line-height: 1.8rem;
    margin: 0 0.8125rem;
    padding: 0.75rem  0;
    box-sizing: border-box;
    background: #fff;
    font-size: 0.875rem;
}
.return-btn span{
    border: 1px solid #979797;
    padding: 0 0.5rem;
    border-radius: 3px;
    margin: 0 0.2rem;
    color: #1C1C1C;
}

/*订单支付*/
.order-pay h2{
    font-size: 0.875rem;
    padding: 0.8125rem 1.25rem;
    margin-top: 0.4rem;
}
.order-pay .dis-tabel{
    padding: 2.75rem 0;
    font-size: 0.875rem;
}
.order-pay .dis-tabel h5{
    color: #d7d7d7;
    font-size: 0.65rem;
}
.order-pay .dis-cell{
    vertical-align: middle;
}
.pay-icon{
    background: url("../img/icons/wechat.png") center center no-repeat;
    background-size: 2rem;
    width: 20%;
}
/*订单详情 订单提交*/

.order-sub{
    color: #1C1C1C;
}
.order-sub .dis-cell{
    vertical-align: middle;
}
.order-sub .item {
    background: #fff;
    padding: 0.5rem 4%;
    font-size: 0.875rem;
}
.order-sub .item p{
    font-size: 0.8125rem;
    color: #aeaeae;
}
.order-sub .item p:first-child{
    padding-bottom: 4%;
    color: #1c1c1c;
}
.order-sub .item2 {
    background: #fff;
    padding: 0.5rem 4% 0.25rem;
    font-size: 0.875rem;
}
.order-sub .item2 p{
    color: #666;
    padding-bottom: 3%;
    font-size: 0.8125rem;
}
.order-sub .item2 div{
    color: #666;
    padding-bottom: 1%;
    letter-spacing: 0.0625rem;
}
.order-sub .order-msg3 .item p{
    padding-bottom: 0;
}
.order-sub .msg3 p{
    padding: 0.75rem 0;
}
.order-sub .msg3 p span input{
    border: none;
    text-align: right;
}
.order-sub .msg3{
    padding: 0 0.85rem;
}
.order-sub .choose-list{
    position: fixed;
    bottom: 0;
    top: initial;
    height: auto;
}
.order-sub .choose-list .choose span{
    font-size: 0.8125rem;
    margin: 0.2rem 1rem;
}
.order-sub .choose-list .choose{
    border: none;
}
.order-sub .choose-list .choose .big-btn{
    border: 1px solid #d7d7d7;
    display: block;
    margin: 0.5rem auto 0;
}
.order-sub .choose-list .big-btn{
    margin: 0.875rem auto 1.875rem;
}

/*订单支付成功,失败*/
.pay-success .part1{
    padding: 2.4rem 0;
    margin-bottom: 0;
}
.pay-success .part1 p{
    font-size: 0.8125rem;
    color: #979797;
}
.pay-success .part2{
    padding: 0.75rem 15%;
}
.pay-success .part2 span{
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    color: #1C1C1C;
    font-size: 0.875rem;
    width: 42%;
    text-align: center;
    line-height: 1.875rem;
}
.success-icon{
    background: url("../img/icons/success.png" )right center no-repeat;
    background-size: 3rem;
    width: 40%;
}
.fail-icon{
    background: url("../img/icons/fail.png" )right center no-repeat;
    background-size: 3rem;
    width: 40%;
}

/*退货地址*/
.lists li textarea{
    border: none;
    width: 100%;
}
.return-goods .info-name{
    color: #979797;
}
.return-goods ul li .ps{
    vertical-align: top;
    color: #1C1C1C;
}

/*退款说明*/
.return-apply ul .ps{
   padding: 0 0.4rem;
}
.return-apply .info-name{
    font-size: 1rem;
}
.return-apply .big-btn{
    width: 100%;
    margin: 0;
    position: fixed;
    bottom: 0;
}
.return-apply .lists{
    padding: 0;
    margin-top: 0.4rem;
}
.return-apply .lists li{
    padding: 1rem 1.2125rem;
}

/*我的钱包*/
.wallet .amount {
    background: #292929;
    padding: 0 0 10%;
}
.wallet .info-part1{
    background: #292929;
}
.wallet .part0{
    background: #1C1C1C;
    color: #ffffff;
    padding: 0.8rem 0;
}
.wallet .part0 .img-con{
    width: 1rem;
    display: inline-block;
}
.wallet .part0 .dis-cell{
    text-align: center;
    font-size: 0.8125rem;
    vertical-align: middle;
    width: 33%;
    padding: 0.2rem;
}
.wallet .border-l1{
    border-color: #666;
}


/*银行卡绑定*/
.card-bind h2{
    font-size: 0.8125rem;
    padding: 0.6rem 1.1rem;
}
.card-bind .color-red{
    font-size: 0.75rem;
    text-align: center;
}

/*提现*/
.cash{

}
.cash h2{
    font-size: 0.875rem;
    padding: 0.8rem 1.8rem;
    color: #1C1C1C;
}
.cash h2 i{
    color:#32C6FF;
    margin-left: 1.8rem;
}
.cash .amount{
    padding: 0.6rem 1.8rem;
}
.cash .amount h4{
    font-size: 0.875rem;
    padding: 0.2rem 0 0;
    color: #1C1C1C;
}
.cash .amount .dis-tabel{
    padding: 0.6rem 0;
}
.cash .amount .amount-1{
    font-size: 1.5rem;
    width: 2rem;
    text-align: center;
    color: #1C1C1C;
}
.cash .amount .amount-2{
    /*font-size: 3rem;*/
}
.cash .amount .amount-2 input{
    font-size: 3rem;
    width: 100%;
    border: none;
}
.cash .amount p{
    font-size: 0.8125rem;
    padding: 0.8rem 0 0.2rem;
}
.cash .tip{
    font-size: 0.75rem;
    text-align: center;
    color: #ADADAD;
}

/*交易详情*/
.trading-record .amount{
    text-align: right;
    font-size: 1.125rem;
}
.trading-record .record p{
    font-size: 0.875rem;
}
.trading-record .record h5{
    font-size: 0.625rem;
    color: #ADADAD;
}

/*提现详情*/
.cash-state .lists .bank{
    font-size: 0.875rem;
    padding: 1.2rem 0.4rem;
    box-sizing: border-box;
}
.cash-state .lists .amount{
    padding: 2rem 0 1rem;
}
.cash-state .lists .amount div{
    font-size: 2rem;
}
.cash-state .pl{
    padding-left:0.5rem ;
    font-size: 0.8125rem;
    color: #ADADAD;
}
.cash-state .state1{
    background: url("../img/icons/state1.png") right center no-repeat;
    background-size:auto 100% ;
    width: 30%;
    vertical-align: top;
}
.cash-state .state2{
    background: url("../img/icons/state2.png") right center no-repeat;
    background-size:auto 100% ;
    width: 30%;
    vertical-align: top;
}
.cash-state .state3{
    background: url("../img/icons/state3.png") right center no-repeat;
    background-size:auto 100% ;
    width: 30%;
    vertical-align: top;
}
.cash-state .lists .schedule{
    font-size: 0.8125rem;
    padding: 2rem 0 4rem;
}
.cash-state .lists .schedule .p2{
    vertical-align: middle;
    padding: 1rem 0;
    font-size: 0.625rem;
}

/*我的银行卡*/
.mycard{
    position: relative;
    margin: 0.8rem;
}
.mycard p{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: #fff;
    font-size: 1.625rem;
}
/*搜索页面*/
.searchG .lists{
    margin: 0 4%;
}
.searchG .lists li{
    padding:4%;
    border-bottom: 1px solid #d7d7d7;
    font-size: 0.875rem;
}
.searchG .big-btn{
    width: 8rem;
    border: 1px solid #999;
    margin: 4% auto;
    padding: 0.5rem 0;
}

/*弹窗样式*/
.dialog-con{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    display: table;
}
.dialog{
    display: table-cell;
    vertical-align: middle;
}
.dialog-content{
    background: #ffffff;
    width: 80%;
    margin: 0 auto;
    border-radius: 3px;
    text-align: center;
}
.dialog-content h1{
    font-size: 1rem;
    color: #030303;
    padding: 8% 0;
}
.dialog-content p{
    font-size: 0.875rem;
    color: #979797;
    padding: 0 0rem 8%;
}
.dialog-content .w50{
    padding: 4% 0;
}
.alert-con{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    display: table;
    z-index: 999;
}
.alert-con .dialog-content{
    width: 70%;
    padding: 0 0 4%;
}
.alert-con .dialog-content h1{
    padding: 2% 0;
}
.alert-con .dialog-content p{
    width: 80%;
    margin: 0 auto;
}
.alert-con .iconfont{
    padding: 2% 4%;
    font-size: 1.2rem;
}
.alert-con .dialog .img-con{
    width: 50%;
    margin: 0 auto;
}
.alert-con .btn-active{
    width: 80%;
    margin: 0 auto;
    padding: 2.5% 0;
    border-radius: 3px;
}
/*input样式*/
input[type="radio"] {
    display: none;
}
input[type="radio"] + label {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    position: relative;
    top: 0.15rem;
    left: -0.25rem;
    margin: 0px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #333;
    border-radius: 2rem;
    -webkit-transition: 0s;
    transition: 0s;
}
input[type="radio"] + label:after {
    content: '';
    display: block;
    position: absolute;
    left: 0.3rem;
    top: 0.05rem;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    -webkit-transition: 0s;
    transition: 0s;
}
input[type="radio"]:checked + label {
    background: #FFBE2B;
    border: 1px solid #FFBE2B;
}
input[type="radio"]:checked + label:after {
    width: 0.4rem;
    height: 0.7rem;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*商品详情规格单选框*/
#goodsDetail input[type="radio"] + label {
    line-height: 1rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0.3125rem 0.6875rem;
    margin: 0.2rem 0.8%;
    text-align: center;
    position: static;
    height: auto;
    width: auto;
}
#goodsDetail  input[type="radio"] + label:after {
    display: none;

}
#goodsDetail  input[type="radio"]:checked + label {
    background: #FFBE2B;
    border: 1px solid #FFBE2B;
    color: #fff;

}
#goodsDetail  input[type="radio"]:checked + label:after {
    display: none;
}


/*复选框样式*/
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: relative;
    top: 0.125rem;
    /*top:0;*/
    left: -0.25rem;
    margin: 0px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #666;
    border-radius: 2rem;
    -webkit-transition: 0s;
    transition: 0s;

}
input[type="checkbox"] + label:after {
    content: '';
    display: block;
    position: absolute;
    left: 0.2rem;
    top: -0.1rem;
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer;
    -webkit-transition: 0s;
    transition: 0s;
}
input[type="checkbox"]:checked + label {
    background: #FFBE2B;
    border: 1px solid #FFBE2B;
}
input[type="checkbox"]:checked + label:after {
    width: 0.4rem;
    height: 0.7rem;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*买家评价*/
.pad17{
    padding: 1.7% 0;
}
.evaluate{
    padding: 2% 5%;
    color: #1C1C1C;
    background: #FFFFFF;
    border-bottom: 1px solid #F4F4F4;
}
.evaluate .dis-cell{
    vertical-align: middle;
}

.star{
     background: url("../img/icons/icon_star.png")center center no-repeat;
     background-size: 1.5rem;
     width: 1.5rem;
     height: 1.5rem;
 }
.stara{
    background: url("../img/icons/icon_star_selected.png")center center no-repeat;
    background-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
}
.star2{
    background: url("../img/icons/icon-starpp-n.png")center center no-repeat;
    background-size: 0.9rem;
    width: 1.125rem;
    height: 1rem;
}
.stara2{
    background: url("../img/icons/icon-staryy.png")center center no-repeat;
    background-size: 0.9rem;
    width: 1.125rem;
    height: 1rem;
}
.sumEva{
    padding: 2% 0;
}
.evaluate p{
    padding-bottom: 2%;
}
.sumEva span{
    display: block;
}
.sumEva span .star,.sumEva span .stara{
    float: left;
    margin-right: 3%;
}
.evaluate .score{
    border-bottom: 1px solid #f4f4f4;
}
.evaluate .score .img{
    width: 18%;
    padding:0 2%;
}
.evaluate .score .img img{
    display: block;
    border-radius: 100%;
}

.evaluate .score .txt{
    width: 82%;
}
.evaluate .score .txt p{
    padding: 0;
    font-size: 0.875rem;
}
.evaluate .score .date{
    font-size: 0.75rem;
    color: #999;
}
.evaluate .ask .img{
    vertical-align: top;
}
.evaluate .score .txt .content{
    font-size: 0.75rem;
    color: #666;
    padding-top: 3%;
    padding-bottom: 1%;
    line-height: 180%;
    padding-right: 5%;
}
/*swiper*/
.swiper-pagination-bullet{
    background: #F2F2F2;
    opacity: 0.9;
    border-radius: 8px;
}
.swiper-pagination-bullet-active{
    background: #FFFFFF;
    width: 14px;
}

/*退货*/
.returnReason .params-list ul{
    padding: 0;
}
.returnReason .params-list ul li{
    border: none;
    padding: 0.6rem 0;
    font-size: 0.875rem;
}
.returnReason .params-list ul li i{
    padding:0 1rem ;
}
.returnReason .params-list ul .choosedRea{
    border-top:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2 ;
    color: #1C1C1C;
    font-size: 0.95rem;
}


/*服务协议*/
.agreement{
    font-size: 0.875rem;
    line-height: 1.6rem;
    padding: 7%;
    color: #1c1c1c;
}
/*关于我们*/
.aboutus{
    margin: 0 auto 10%;
    border-bottom: 1px solid #adadad;
    padding: 0 28%;
}

/*loading加载动画*/
.spinner-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    z-index: 999;
}
.spinner {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
    top:50%;
    margin-top: -40px;
}
.spinner-text{
    position: relative;
    top: 55%;
}

.container1 > div, .container2 > div, .container3 > div {
    width: 10px;
    height: 10px;
    background-color: #FFBE2B;

    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/*城市选择器样式*/
.mbsc-android-holo-light .dwwol {
    border-top: 1px solid #FFBE2B !important;
    border-bottom: 1px solid #FFBE2B !important;
}
.dwcc{
    background: #fff;
}
.mbsc-android-holo-light .dwwo{
    background: transparent !important;
}
.dwbc{
    position: absolute;
    top:0;
    background: #FAFAFA;
    z-index: 999;
}
.mbsc-android-holo .dwbw .dwb{
    border: none !important;
}
.mbsc-android-holo .dw-li{
    font-size: 0.875rem !important;
}


.dwb0 {
    text-align: left !important;
    box-sizing: border-box !important;
    padding-left: 28% !important;
    color: #787878 !important;

}
.dwb1 {
    text-align: right !important;
    box-sizing: border-box !important;
    padding-right: 28% !important;
    color: #787878 !important;

}

.cartIcon{
    background: url("../img/icons/footer3.png")center center no-repeat;
    background-size:1.6rem ;
}
.cartIcon i{
    color: #fff;
    background: #FFBE2B;
    font-size: 0.5rem;
    width: 1rem;
    border-radius: 2rem;
    float: right;
    vertical-align: top;
    height: 1rem;
    margin-bottom: 0.8rem;
    margin-right: 0.4rem;
}

/*物流信息*/
.logis-goods{
    padding: 1% 1.5%;
}
.logis-goods .logis-goods-img{
    width: 26%;
    vertical-align: middle;
    padding: 2%;
}
.logis-goods .logis-goods-des{
    vertical-align: middle;
    padding-left: 1%;
}
.logis-goods .logis-goods-des h4{
    color: #1c1c1c;
    font-size: 0.875rem;
    line-height: 1.4rem;
}
.logis-goods .logis-goods-des p{
    font-size: 0.8125rem;
    color: #666;
    line-height: 1.4rem;
}
.br09{
    height:0.25rem;
}
.logis-person{
    padding: 0 1.5%;
}
.logis-person .logis-person-img{
    width: 16%;
    vertical-align: middle;
    padding:2.5% 3%;
}
.logis-person .logis-person-img img{
    border-radius: 100%;
    border: 1px solid #ccc;
}
.logis-person .logis-person-des{
    vertical-align: middle;
}
.logis-person .logis-person-des h4{
    font-size: 0.875rem;
    color: #1c1c1c;
    line-height: 1.4rem;
}
.logis-person .logis-person-des p{
    font-size: 0.8125rem;
    color: #1c1c1c;
    line-height: 1.4rem;
}
.logis-msg{

}
.logis-msg .logis-msg-tit{
    padding: 1.5%;
    box-sizing: border-box;
    border-bottom: 1px solid #F2F2F2;
}
.logis-msg .logis-msg-tit .dis-cell{
    padding: 1.5% 3%;
    font-size: 0.875rem;
    color: #1c1c1c;
}
.logis-msg ul{
    padding: 4%;
    color: #ADADAD;

}
.logis-msg ul li{
    border-left: 1px solid #ccc;
    padding-left: 5%;
    margin-left: 5%;
    position:relative;
}
.logis-msg ul li .logis-msg-con{
    line-height: 1.5rem;
    padding: 2.7% 0;
    color: #1c1c1c;
}
.logis-msg ul li div h4{
    font-size: 0.875rem;
}
.logis-msg ul li div p{
    font-size: 0.75rem;
}
.dot{
    position: absolute;
    left:0;
    top:30%;
    width: 1rem;
    height: 1rem;
    margin-left: -0.55rem;
    margin-top: -0.5rem;
}
.dot-grey{
    background: url("../img/icons/point.png")center center no-repeat;
    background-size: 0.45rem;
}
.dot-active{
    background: url("../img/icons/pointa.png")center bottom no-repeat;
    background-size: 1rem;
    height: 2rem;
    background-color: #fff;
    margin-top: -1.5rem;
}



/*我的活动*/
.activity{
    height: calc(100% - 4rem);
}
.activity .banner {
    padding: 0;
    height: 100%;
    background: transparent;
}
.activity .banner .banner-icon{
    height: 25%;
    box-sizing: border-box;
    border-bottom: 1px solid #f7f7f7;
    background: #fff;
}
.activity .banner .banner-icon:nth-child(odd){
    border-right: 1px solid #f7f7f7;
}
.activity .banner .banner-img{
    width: 16.2%;
}
.activity .banner .banner-img img{
    display: block;
}
.activity .banner .banner-icon:nth-child(1) .banner-img{
    width: 12%;
}
.activity .banner .banner-icon:nth-child(2) .banner-img{
    width: 19%;
}
.activity .banner .banner-icon p{
    margin-top: 4%;
}
.activity .banner .banner-icon:nth-child(8) p{
    margin-top: 6.8%;
}

/*积分兑换*/
.today .info-part1{
    background: url("../img/icons/bg-integralll.png")center center;
    background-size: auto 100%;
    padding: 2% 0 0;
    margin: 0;
}
.today .info-part1 h2{
    color: #FFFFFF;
    font-weight: 300;
}
.today .info-head{
    position: relative;
}
.today .info-head .info-img{
    width: 20%;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #fff;
    box-sizing: border-box;
}
.today .info-head .info-img img{
    display: block;
}
.today .info-head h5{
    position: absolute;
    top: 15%;
    width: 40%;
    right: 0;
    font-size: 0.75rem;
    text-align: center;
    color: #FFFFFF;
}
.today .info-head h5 i{
    font-size: 1.2rem;
}
.tit{
    text-align: center;
    font-size: 0.75rem;
    background: #FFFFFF;
    /*color: #FFBE2B;*/
    padding: 2% 0;
    margin: 0.25% 0 0.5%;
}
.tit  span{
    display: inline-block;
    height: 1px;
    width: 18%;
    background: #F4F4F4;
    margin: 0.25rem 1rem;
}

/*积分抽奖*/
.lottery-wrap{
    width: 92%;
    margin: 5% auto 0;
    position: relative;
}
.headLotter{
    position: absolute;
    top: 10%;
    width: 90%;
    margin-left: -45%;
    left: 50%;
}
.lotterRecord{
    position: absolute;
    top: 25%;
    width: 80%;
    margin-left: -40%;
    left: 50%;
    font-size: 0.75rem;
    height: 70%;
    overflow: scroll;
}
.lotterRecord li{
    padding: 3% 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.lotterRecord li .l_img{
    width: 22.5%;
}
.lotterRecord li .l_img img{
    display: block;
    border-radius: 6px;
}
.lotterRecord li .l_txt{
    line-height: 180%;
    padding-left: 2.5%;
}
.lotterRecord li .l_txt h4{
    color: #1c1c1c;
    font-size: 0.8125rem;
}
.lotterRecord li .l_txt p{
    color: #676767;
    opacity: 0.8;
}
.lotterRecord li:last-child{
    border: none;
}
.lotterRecord .no_lotter img{
    width: 51%;
    margin: 20% auto 2%;
    display: block;
}
.lotterRecord .no_lotter p{
    color: #fff;
    text-align: center;
    letter-spacing: 0.0625rem;
}

.btn-again{
    width: 50%;
    margin: 5% auto ;
}
.btn-again img{
    display: block;
}

/*我的抽奖*/
.mylottery{

}
.mylottery .info-part1{
    background: url("../img/icons/bg-integralll.png")center center;
    background-size: auto 100%;
    padding: 4% 0;
    margin: 0;
}
.mylottery .info-part1 .info-head{
    width: 30%;
    text-align: center;
    color: #fff;
}
.mylottery .info-part1 .info-img{
    width: 50%;
    overflow: hidden;
    margin: 0 auto 3%;
}
.mylottery .info-part1 .info-img img{
    border-radius: 100%;
}
.mylottery .info-part1 h5{
    color: #fff;
    padding-bottom: 8%;
    width: 40%;
    vertical-align: middle;
}
.mylottery .info-part1 h5 i{
    font-size: 1.25rem;
}
.mylottery .info-part1 .btn-again{
    text-align: center;
    font-size: 0.75rem;
    vertical-align: middle;
}
.mylottery .info-part1 .btn-again i{
    padding: 5% 8%;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
    color: #FFFFFF;
}
.lottery-wrap2{
    width: 100%;
    position: static;
    margin: 2% auto 0;
}
.lottery-wrap2 .lotterRecord{
    position: static;
    margin: 0;
    width: 100%;
}
.lottery-wrap2 .lotterRecord li{
    background: #fff;
    border: none;
    margin-bottom: 1%;
    padding: 0;
}
.lottery-wrap2 .lotterRecord .tit{
    font-size: 0.75rem;
    text-align: center;
    margin-bottom: 1px;
    padding: 1.5% 0;
}
.lottery-wrap2 .lotterRecord li .l_img{
    padding: 3% 2%;
    width: 28.5%;
}
.lottery-wrap2 .lotterRecord li .l_txt{
    vertical-align: middle;
    line-height: 250%;
    padding-left: 2.5%;
}
.lottery-wrap2 .lotterRecord li .l_statu{
    width: 24%;
    text-align: center;
    border-left: 1px solid #f4f4f4;
}
.lottery-wrap2 .lotterRecord li .l_state{
    width: 3rem;
    text-align: center;
    color: #1c1c1c;
}

/*我的许愿*/
.mywish .lottery-wrap2{
    margin: 0;
}
.navigation{
    background: #FFFFFF;
   border-bottom:solid 1px #e6e6e6;
    position: relative;

}
.navigation span{
    display: block;
    margin: 0 auto;
    height: 2px;
    width: 20%;
}
.navigation .color-main span{
    background-color: #ffbe2b;
}
.navigation li{
    text-align: center;
    font-size: 0.875rem;
    /*padding: 2.5% 0;*/
}
.navigation li i{
    height: 100%;
    display: inline-block;
    padding: 6.5% 0 6%;
}

/*我的积分*/
.today .info-head a{
    position: absolute;
    top: 110%;
    right: 0;
    font-size: 0.75rem;
    text-align: center;
    color: #FFFFFF;
    padding: 0;
    border: none;
    margin: 0 4%;
}
.today .info-head a i{
    font-size: 0.95rem;
}
.myintegral .lottery-wrap2 .lotterRecord{
    border-top: 1px solid #e6e6e6;
    margin: 1% auto 0;
}
.myintegral .lottery-wrap2 .lotterRecord li{
    padding: 2% 0;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}
.myintegral .lottery-wrap2 .lotterRecord li .l_img{
    width: 22.5%;
}
.myintegral .lottery-wrap2 .lotterRecord li .l_txt{
    padding-right: 2.5%;
}
.myintegral .lottery-wrap2 .lotterRecord li .l_txt h4{
    font-size: 0.875rem;
}
.myintegral .lottery-wrap2 .lotterRecord li .l_txt h4 i{
    font-size: 0.75rem;
    color: #999;
}
.myintegral .lottery-wrap2 .lotterRecord li .l_txt p{
    color: #999;
    opacity: 0.8;
}
.myintegral .lottery-wrap2 .lotterRecord li .l_txt p i{
    font-size: 1rem;
    min-width: 4rem;
    text-align: center;
}

/*我的优惠券*/
.c_wrap{
    padding: 2.5% 0;
}
.c_wrap li {
    width: 90%;
    margin:1% auto;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}
.c_con {

    width: 100%;
    color: #fff;
    padding: 3% 0;
    font-size: 0.95rem;
}
.c_bg{
    background: url(../img/icons/youhuiquan.png) center center repeat;
    background-size:auto 100%;
}
.c_bg_un{
    background: url(../img/icons/youhuiquan1.png) center center repeat;
    background-size:auto 100%;
}
.c_time {
    padding: 3.5% 5%;
    font-size: 0.8125rem;
    color: #ABABAB;
    text-align: right;
}
.c_price {
    text-align: center;
    width: 40%;
}
.c_price i{
    font-size: 1.25rem;
    letter-spacing: 1px;
}
.c_statu{
    text-align: right;
    padding: 3.5% 5%;
}
.c_con .dis-cell {
    vertical-align: middle;
}

.empty-wrap{
    width: 60%;
    margin: 25% auto 0;
    text-align: center;
    font-size: 0.875rem;
}
.empty-wrap img{
    display: block;
    width: 50%;
    margin: 4% auto;
}

/*我的助理淘*/
.myassistance .goods-tit .g-tit-icon div{
    width: 15%;
    font-size: 0.75rem;
    color: #9e9e9e;
    line-height: 1.5rem;
    text-align: right;
}
.myassistance .goods-tit h4{
    width: 85%;
}
.myassistance .lottery-wrap2{
    margin-top: 1px;
}
.myassistance .lottery-wrap2 .lotterRecord li{
    margin-bottom: 1px;
}
.myassistance .lottery-wrap2 .lotterRecord li .l_img{
    width: 18.5%;
    padding: 2.5%;
}
.myassistance .lottery-wrap2 .lotterRecord li .l_img img{
    border-radius:100% ;
}
.myassistance .lottery-wrap2 .lotterRecord li .l_txt{
    line-height: 190%;
    padding-right: 2.5%;
}
.myassistance .lotterRecord li .l_txt h4{
    font-size: 0.875rem;
}
.myassistance .btn-active{
    width: 70%;
    padding: 2.8% 0;
    margin: 15% auto 9%;
    text-align: center;
    border-radius: 3px;
}

.lotterRecord .info-head{
    position: relative;
}
.lotterRecord .img-edit{
    position: absolute;
    border-radius: 0;
    width: 40%;
    top: -16%;
    right: -16%;
}
    /*一元积分购*/
.winner{
    padding: 2%;
    margin-bottom: 1%;
}
.winner .dis-tabel{
    background: url("../img/icons/winner.png")-0.5% center no-repeat;
    background-size: auto 70%;
    background-color: #F3FBFF;
    padding: 2% 0;

}
.w_img{
    width: 23%;
    vertical-align: top;
    padding: 0 2% 0 10%;
}
.w_img img{
    display: block;
    border-radius:100% ;
}
.winner .dis-cell{
    vertical-align: top;
    font-size: 0.75rem;
    line-height: 160%;
    text-align: left;
}
.w_tip{
    width: 18%;
}
.winner i{
    font-weight: bold;
    color: #1c1c1c;
}
.o_d_btn{
    padding: 0;
    background:#565656 ;
    color: #FFFFFF;
    font-size: 0.75rem;
    text-align: center;
}
.o_d_btn .btn-active{
    width: 40%;
    font-size: 0.875rem;
}

/*一积分购首页*/
.bg-orange{
    background: #FFC742;
}
.bg-orange1{
    background: #ECAD49;
}
.one-integal-wrap .lotterRecord{
    position: static;
    margin: 0 auto;
    width: 92.2%;
}
.one-integal-wrap .lotterRecord li {
    padding: 3% 0;
    border-bottom: none;
    background: #fff;
    margin: 2%;
    width: 96%;
    border-radius: 6px;
}
.one-integal-wrap .lotterRecord li .l_img {
    width: 39.5%;
}
.one-integal-wrap .lotterRecord li .l_img img{
    border-radius: 0;
}
.one-integal-wrap .lotterRecord li .l_txt {
    line-height: 180%;
    padding-left: 2.5%;
    padding-right: 2.5%;
}
.one-integal-wrap .lotterRecord li .l_txt h4{
    font-size: 0.95rem;
    font-weight: bold;
}
.one-integal-wrap .lotterRecord li .l_txt p {
    padding: 3% 0;
}
.one-integal-wrap .lotterRecord li .l_txt p .color-red{
    font-size: 1rem;
}
.one-integal-wrap .lotterRecord  li .l_txt .group-line-con {
    background: #ffffff;
    padding: 2% 0 12%;
}
.one-integal-wrap .lotterRecord  li .l_txt .group-line-con p{
    padding: 0;
    color: #1c1c1c;
}
.one-integal-wrap span{
    width: 50%;
    padding: 2% 0;
    border-radius: 6px;
}
.one-integal-wrap .no_lotter{
    margin-bottom: 40%;
}
.one-integal-wrap .lotterRecord .no_lotter img{
    width: 33%;
}

/*众筹首页*/
.bg-zhongchuang{
    background: url("../img/icons/bg-zhongchou.png")center center repeat;
    background-size: 100% auto;
}
.bg-green{
    background: #39E6BF;
}
/*拼团*/
.bg-pintuan{
    background: url("../img/icons/bg-pintuan.png")center center repeat;
    background-size:auto 100% ;
}
.bg-blue2{
    background: #54A9E9;
}

/*积分秒杀*/
.bg-miaosha{
    background: url("../img/icons/bg-miaosha.png")center center repeat;
    background-size:auto 100% ;
}
.bg-purple{
    background: #C8A3ED;
}


/*积分抽奖 许愿池*/
.list{
    width: 92%;
    margin: 0 auto;
}
.list li{

}
.list li p{
    font-size: 0.95rem;
    color: #1c1c1c;
    padding: 2% 0;
}

.list li div input,.list li textarea,.list li select{
    border: none;
    background: #f4f4f4;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 3.5% 3%;
    font-size: 0.75rem;
    border-radius: 3px;
    letter-spacing: 1px;
}
.list li textarea{
    height: 6rem;
}
.list li .btn-active{
    width: 88%;
    text-align: center;
    padding: 3% 2%;
    margin: 5% auto;
    border-radius: 6px;
    font-size: 0.875rem;
}


/*登录*/
.login .list{
    padding-top: 10%;
}
.login .list li div input{
    background: #fff;
    border: #ddd 1px solid;
    margin: 0 auto 5%;
    border-radius: 6px;
    padding: 4% 3%;
}
.login .list li .btn-active{
    width: 96%;
    width: 96%;
    padding: 3.5% 2%;
}

/*许愿瓶漂流瓶*/
.wish-bottle{
    
}
.bg-sea{
    background: url("../img/icons/bg-sea.png")center bottom no-repeat;
    background-size: auto 100%;
    height: 100%;
    width: 100%;
}
.bottle-head{
    padding-top: 3%;
}
.bottle-head img{
    width: 22%;
    display: block;
    margin: 0px auto;
}
.bottle-head p{
    text-align: center;
    font-size: 0.875rem;
    color: #fff;
    letter-spacing: 0.0625rem;
}
.wish-bottle ul{
    display: block;
    width: 58%;
    margin: 6% auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px #0599ea;
}
.wish-bottle ul .w-b1{
    text-align: center;
    font-size: 0.75rem;
    line-height: 200%;
    padding: 3% 2%;
    border-bottom: 0.25rem solid #B5E2FF;
    height: 50%;
}
.wish-bottle ul .w-b1 img{
    width: 60%;
    margin: 0 auto;
    display: block;
}
.wish-bottle ul .w-b1 p{

}
.wish-bottle ul .w-b1 p i{
    padding-left: 1.5rem;
}
.wish-bottle ul .w-b2{
    text-align: center;
    font-size: 0.75rem;
    line-height: 200%;
    padding: 6% 2% 12%;
}
.wish-bottle ul .w-b2 img{
    width: 23%;
    margin: 0 auto 6%;
    display: block;
    border-radius: 100%;
}
.wish-bottle ul .w-b2 p{

}
.wish-bottle ul .w-b2 h5{
    font-size: 0.875rem;
    letter-spacing: 0.0625rem;
}
.wish-bottle .btn-active{
    width: 80%;
    margin: 15% auto 0;
    text-align: center;
    font-size: 0.75rem;
    padding:3.5% 0;
    border-radius: 6px;
}

/*我发起的助力淘详情*/
.help-list img{
    display: block;
}
.bg-help{
    background: url("../img/icons/bg-helpppp.png")center top repeat;
    background-size: 100% auto;
    min-height: 100%;
    width: 100%;
    background-color: #580Eb4;
}
.detail {
    position: relative;
    padding-top: 2%;
}

.detail .clearfix {
    position: absolute;
    top: 16.5%;
    width: 86%;
    left: 7%;
}
.detail .img{
    width: 42%;
    padding: 2.8%;
}
.detail .txt{
    width: 50.4%;
    padding: 5% 1% 0;
    color: #fff;
}
.detail .txt h4{
    font-size: 0.875rem;
}
.detail .txt p{
    font-size: 0.75rem;
    padding-top: 7%;
}
.help-list .group-line-con {
    background: transparent;
    padding: 1rem 0rem;
    width: 80%;
    margin: 4% auto;
}
.help-list .group-line {
    background: #D7C1F1;
    height: 1rem;
    border-radius: 1rem;
    position: relative;
    padding: 0 1%;
}
.help-list .group-line .line {
    display: inline-block;
    width: 20%;
    height: 100%;
    background:url("../img/icons/line.png")center center repeat-x;
    background-size:auto 85%;
    border-radius: 1rem;
}
.help-list .group-line p{
    left: -5%;
    width: 110%;
    color: #fff;
}
.help-list .bubble{
    width: 6rem;
    position: absolute;
    top: -200%;
    margin-left: -4rem;
    left: 20%;
}
.help-list .bubble div{
    position: relative;
}
.help-list .bubble i{
    position: absolute;
    top: 0;
    color: #fff;
    font-size: 0.75rem;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 200%;
}
.help-list .btn{
    width: 47%;
    margin: 10% auto 0;
}
.help-list .helplist{
    width: 85%;
    margin: 0 auto;
}
.help-list .helplist ul{
    background: url("../img/icons/bg-bottereeee.png")center center repeat-y;
    background-size: 100% auto;
    padding: 4% 5% 12%;
}
.help-list .helplist ul li{
    background:#eaeaea;
    border-radius: 100rem;
    margin-bottom: 2%;
}
.help-list .helplist ul li .dis-cell{
    vertical-align: middle;
}
.help-list .helplist ul li .img{
    width: 18.5%;
    padding: 2%;
}
.help-list .helplist ul li .img img{
    border-radius: 100%;
}
.help-list .helplist ul li .txt{
    font-size: 0.75rem;
    padding-left: 2%;
}
.help-list .helplist ul li .txt .color-red2{
    font-size: 0.875rem;
}
.help-list .helplist ul li .scores{
    width: 15%;
    font-size: 0.75rem;
}

/*助力淘首页*/
.help-index{

}
.help-index img{
    display: block;
}
.help-index li{
    width: 100%;
    background: #FFFFFF;
    padding: 2% 0;
    margin-bottom: 1%;
}
.help-index .dis-cell{
    vertical-align: middle;
}
.help-index .img{
    width: 28%;
    padding: 2%;
}
.help-index .txt{

}
.help-index .txt h4{
    font-size: 0.95rem;
    color: #1c1c1c;
}
.help-index .txt p{
    font-size: 0.75rem;
    color: #666;
    line-height: 200%;
    padding: 1% 0 2%;
}
.help-index .group-line-con {
    background: #ffffff;
    padding: 0 0rem 0.5rem;
}
.help-index .group-line p{
    line-height: 120%;
    padding:2% 0;
}
.help-index .btn{
    width: 21%;
    padding:10% 3% 0;
    text-align: center;
    font-size: 0.75rem;
}
.help-index .btn .btn-active{
    padding: 12% 0;
    border-radius: 4px;
}
.initiate-btn{
    width: 16%;
    position: fixed;
    bottom: 6%;
    right: 4%;
}
.initiate-btn img{
    display: block;
}

/*我发起拼团活动详情*/
.img_list{
    background: #FFFFFF;
    padding: 3% 5%;
    text-align: center;
 }
.img_list p{
    text-align: CENTER;
    font-size: 0.875rem;
    color: #1c1c1c;
    padding: 2% 0;
}
.img_list .img_time{
    font-size: 0.75rem;
    padding: 2% 0;
}
.img_list .img_time i{
    background: #aaa;
    color: #fff;
    padding: 0 0.35rem;
    margin: 0 0.15rem;
}
.img_list li{
    width: 12.5%;
    box-sizing: border-box;
    padding: 0.5%;
    border-radius: 100%;
    overflow: hidden;
}
.img_list li img{
    width: 100%;
    border-radius: 100%;
    overflow: hidden;
    display: block;
}

/*许愿池 投出许愿瓶*/
.bg-wishwell{
    background: url("../img/icons/bg-bottlettt.png")top center no-repeat;
    background-size:100% auto;
    height: 100%;
    width: 100%;
    background-color:#7D6D5E ;
}

/*转盘抽奖*/
.bg-brown{
    background: #752743;
}
.bg-roulette{
    background: url("../img/icons/bg-draw_a_lotteryyy.png")center top no-repeat;
    background-size:100% auto;
    height: 80%;
    position: relative;
}
.bg-roulette .banner{
    display:block;
    width:70%;
    margin-left:auto;
    margin-right:auto;
    background: transparent;
    padding: 10% 0 0;
}
.bg-roulette .banner .turnplate{
    display:block;
    width:100%;
    position:relative;
    height: 0;
    position: relative;
    padding-bottom: 100%;
}
.banner .turnplate canvas.item{
    width:90%;
    margin:5%;
}
.banner .turnplate img.pointer{
    position:absolute;
    width:31.5%;
    height:42.5%;
    left:34.6%;
    top:23%;
}
.pedestalll{
    position: absolute;
    top: 51%;
    width: 46%;
    margin-left: -23%;
    left: 50%;
}
.roulette img{
    display: block;
}
.roulette .lottery-wrap2{
    width: 90%;
    position: absolute;
    margin-left: -46%;
    left: 50%;
    top: 70%;
}
.roulette .lottery-wrap2 .lotterRecord{

}
.roulette .lottery-wrap2 .lotterRecord li{
    background: transparent;
    background: url("../img/icons/bg-zhong.png")center top repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: 0 7% 0 11%;
    margin: 0;
}
.roulette .lotterRecord li .l_txt h4{
    font-size: 0.75rem;
}
.roulette .lotterRecord li .l_txt p{
    color: #ED3E4A;
}

/*进入页*/
.bg-yellow1{
    background: #fddb1a;
}
.bg-yellow2{
    background: #ffcd46;
}
.bg-green2{
    background: #49f4c2;
}
.bg-blue3{
    background: #5cd5fc;
}
.bg-blue4{
    background: #67AFFF;
}
.color-yellow{
    color:#FFE71E;
}
.guide{

}
.guide {
    width: 100%;
    height: 100%;
    background: #263137;
}
.g_part1 {
    height: 70%;
    width: 100%;
}
.g_part1_1{
    height: 100%;
    position: relative;
    width: 43%;
}
.g_part1_1 ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.g_part1_1 ul li{
    height: 32.33%;
    margin:2% 1% 2% 2%;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
}

.g_part1_1 .g_part1_1_1{
    padding: 10% 0 0;
    color: #1c1c1c;
}
.g_part1_1 .g_part1_1_1 img{
    width: 26%;
    display: block;
    margin: 0% auto;
    border-radius: 100%;
}
.g_part1_1 .g_part1_1_1 h5{
    font-size: 0.875rem;
    padding: 3% 0;
    font-weight:600;
}
.g_part1_1 .g_part1_1_1 p{
    font-size: 0.75rem;
    padding: 1% 0;
}
.g_part1_1 .g_part1_1_1 p i{
    font-size: 0.95rem;
}
.g_part1_1 .g_part1_1_2{
    color: #FFFFFF;
    padding: 6% 0 0;
}
.g_part1_1 .g_part1_1_2 h5{
    font-size: 0.95rem;
    padding: 3% 0;
    font-weight:600;
}
.g_part1_1 .g_part1_1_2 p{
    font-size: 0.75rem;
    letter-spacing: 1px;
}
.g_part1_1 .g_part1_1_2 p i{
    font-size: 1rem;
}
.g_part1_1 .g_part1_1_2 p em{
    font-size: 1.25rem;
}
.g_part1_1 .g_part1_1_2 span{
    background: #7DDEFD;
    padding: 3% 8%;
    border-radius: 4px;
    border: 1px solid #BBECFD;
    font-size: 0.75rem;
    margin-top: 5%;
    display: inline-block;
}
.g_part1_1  .g_part1_1_3{
    color: #FFFFFF;
}
.g_part1_1  .g_part1_1_3 h3{
    padding: 12% 0 0;
    font-size: 1.45rem;
}
.g_part1_1  .g_part1_1_3 h5{
    font-size: 0.95rem;
    background: rgba(0,0,0,0.15);
    padding: 3% 0 0;
}
.g_part1_1  .g_part1_1_3 p{
    background: rgba(0,0,0,0.15);
    font-size: 0.75rem;
    padding: 2% 0 3%;
}
.g_part1_1  .g_part1_1_3 div{
    height: 1px;
    position: relative;
}
.g_part1_1  .g_part1_1_3 div i{
    position: absolute;
    width: 0.48rem;
    height: 0.70rem;
    background: #09976E;
    border-radius:100%;
    margin-top: -0.38rem;
    margin-left: -0.24rem;
}
.g_part1_1  .g_part1_1_3 div i:first-child{
    left: 20%;
}
.g_part1_1  .g_part1_1_3 div i:last-child{
    left: 80%;
}

.g_part1_2{
    height: 100%;
    position: relative;
    width: 57%;
}
.g_part1 .g_part1_2 .bg-white{
    position: absolute;
    top: 1%;
    left: 1%;
    width: 97%;
    height: 98.2%;
    border-radius: 4px;
}
.g_part1 .g_part1_2 .g_part1_2_1{
    padding: 3% 5%;
}
.g_part1 .g_part1_2 .g_part1_2_1 span{
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 0.75rem;
    padding: 2% 12%;
    border-radius: 5rem;
}
.g_part1 .g_part1_2 h5{
    font-size: 0.875rem;
    color: #1c1c1c;
    padding: 3% 0 6%;
    text-align: center;
}
.g_part1 .g_part1_2 h5 i{
    font-size: 1rem;
    color: #FF7109;
}

.g_part1 .g_part1_2 ul li{
    padding: 2% 3%;
}
.g_part1 .g_part1_2 ul li img{
    display: block;
}
.g_part1 .g_part1_2 a{
    display: block;
    text-align: center;
    font-size: 0.75rem;
    color: #1c1c1c;
    padding: 5% 0;
    margin-top: 30%;
}


.g_part2 {
    height: 30%;
    width: 100%;
}

.g_part2_1 {
    position: relative;
    width: 60%;
    height: 100%;
    text-align: center;
}
.g_part2_1 .bg-yellow2{
    position: absolute;
    top: 1%;
    left: 1%;
    width: 97%;
     height: 97.2%;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 2%;
}

.g_part2_1 h5{
    font-size: 0.875rem;
    padding: 3% 0;
    color: #1c1c1c;
}
.g_part2_1 ul li{
    box-sizing: border-box;
    padding: 1%;
}


.g_part2_2 {
    position: relative;
    width: 40%;
    height: 100%;
    text-align: center;
}

.g_part2_2 .bg-blue4{
    position: absolute;
    top: 1%;
    left: 1%;
    width: 97%;
    height: 97.2%;
    border-radius: 4px;
    box-sizing: border-box;
}
.g_part2_2 h5{
    color: #FFFFFF;
    padding: 5% 0 0;
}
.g_part2_2 li{
    background: #fff;
    padding: 4% 2%;
    font-size: 0.75rem;
    border-radius: 4px;
    margin: 3%;
}
.g_part2_2 li img{
    display: block;
    width: 24%;
    box-sizing: border-box;
    padding: 4% 2%;
}
.g_part2_2 li div{
    width: 76%;
    text-align: left;
}
